/* ************************ */
/* ************************ */
/* backsvg */
.function02icon{
  width: 3.9rem;
  height: 4.1rem;
}

.bgpng {
  position: absolute;
	top: 0;
	height: 44.9rem;
	width: 100%;
	z-index:-1;
}

.backsvg span{
	color: white;
	font-size: 3.2rem;
	font-weight: 500;
 }

 .backsvg{
	display: flex;
	justify-content: space-between;
	padding: 9.6rem 3rem 0rem;
	align-items: center;
 }

 .cityselectionimg {
  margin-left: 0.7rem;
  width: 1.36rem;
  height: 0.68rem;
 }

 .cityselectiondiv span{
  font-size: 2.8rem;
 }

/* ************************ */
/* ************************ */
/* floatdiv */
.floatdiv {
  width: 69rem;
  height: 37.5rem;
  background: #FFFFFF;
  border-radius: 2rem;
  box-shadow: darkgray 0.1rem 0.1rem 0.1rem 0.1rem;
}

/* ************************ */
/* ************************ */
/* nav-section */
.nav-section {
    width: 100%;
    padding: 1.3rem 0;
    background-color: #fff;
    position: fixed;
    bottom: 0;
    z-index: 200;
  }
  .nav-box {
    display: flex;
    justify-content: space-around;
  }
  .nav-item {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .nav-img-box {
    height: 4rem;
    position: relative;
  }
  .nav-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .nav-text {
    font-weight: 500;
    font-size: 2.4rem;
    margin-top: 1rem;
  }